@import url(base.css);

html,
body {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
  box-sizing: border-box !important;
  background-color: var(--bg-color);
}

.container {
  max-width: 1280px !important;
}

.p-tabmenu,
.p-tabview-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-gray-50);
  gap: 1rem;
}

.p-tabmenu-nav {
  display: flex;
  gap: 1rem;
  justify-content: space-evenly;
  background-color: var(--bg-gray-50);
  border: 0 !important;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  padding: 1rem 3rem;
  font-size: 1.5rem;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background-color: var(--primary-color);
  border-color: rgba(0, 0, 0, 0.12);
  color: white;
}
